<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>
<style lang="scss">
	@import url("/components/gaoyia-parse/parse.css");
	page{
		background-color:#F7F7F7;
		min-height: 100%;
	}
	/*   加个动画掩饰加载过程 */
	.page-fade-in {
		opacity: 0;
		transition: all 0.3s;
	}
	.status_bar {
		width: 750rpx;
		height: var(--status-bar-height);
		background: transparent !important;
	}

	/*每个页面公共css */
	.flexWarpColumn {
		display: flex;
		flex-direction: column;
	}

	.flexWarpCenterColumn {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.triangle {
		width: 0;
		height: 0;
		border: 10rpx solid transparent;
		border-top-color: #3C3C3C;
		margin-left: 10rpx;
	}

	.flexWrap {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.flexWrapNo {
		display: flex;
		align-items: center;
	}

	.topnav {
		height: var(--status-bar-height);
		background: #FFE13B;
	}

	.icon-more {
		width: 18rpx;
		height: 18rpx;
		border-radius: 2rpx;
		border-bottom: 4rpx solid #131313;
		border-left: 4rpx solid #131313;
		transform: rotate(-135deg);
		display: inline-block;
	}

	image {
		width: 100%;
		height: 100%;
	}
	.mask-wrap{
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 99;
		background: rgba(0, 0, 0, .4);
	}
	.empty-box{
		width: 476upx;
		height: 280upx;
		margin:250upx auto;
	}
	.change-box{
		font-size: 28upx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #333333;
		width: 233upx;
		border: 2rpx solid rgba(51,51,51,0.1);
		border-radius: 63upx;
		justify-content: center;
		position: fixed;
		z-index: 999;
		.change-icon{
			width: 36upx;
			height: 36upx;
			margin-left: 24upx;
		}
	}
	.date-boxs{
		padding: 30rpx;
		z-index: 999;
		border-bottom: 1rpx solid rgba(71, 73, 84, .5);
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		background-color: #fff;
		.date-title {
			font-size: 30rpx;
			font-family: PingFang;
			font-weight: 500;
			color: #333;
			margin-bottom: 26rpx;
		}
	
		.date-cont {
			.screen-item {
				width: 250rpx;
				height: 66rpx;
				line-height: 66rpx;
				text-align: center;
				border: 1rpx solid #EEC162;
				color: #323232;
				font-size: 28rpx;
				border-radius: 6rpx;
				padding: 0 30rpx;
	
				.select-input {
					font-size: 26rpx;
					font-family: PingFang;
					font-weight: 400;
					color: #333;
				}
	
				picker {
					width: 100%;
					text-align: left;
				}
	
				.triangle {
					border-top-color: #EEC162;
				}
			}
		}
		.determine-btn {
			margin-top: 40rpx;
			justify-content: center;
			view {
				width: 230rpx;
				height: 80rpx;
				line-height: 80rpx;
				text-align: center;
				font-size: 26rpx;
				font-family: PingFang;
				font-weight: 500;
				color: #26BCFD;
				border: 1rpx solid #26BCFD;
				border-radius: 20rpx;
				margin-right: 30upx;
			}
		
			.determine {
				background:#EEC162;
				color: #333;
				border: none;
			}
		}
	}
</style>
